$(function(){
  //初始化图表一
   // 初始化echarts实例,准备好echarts的父容器
   var myChart = echarts.init(document.getElementById('c1'));

   // 指定图表的所需和数据 和 相关配置
   var option = {
       title: {
           text: '2020年的注册人数'
       },
       //提示工具
       tooltip: {},
       //图例
       legend: {
           data:['销量','注册人数']
       },
       //x轴
       xAxis: {
           data: ["一月","二月","三月","四月","五月","六月"]
       },
       //y轴
       yAxis: {},
       series: [
         {
           name: '销量',//数据名称
           type: 'bar',// bar 柱图 line 线图 pie 饼图
           data: [5, 20, 36, 10, 10, 20]
       },
       {
        name: '注册人数',//数据名称
        type: 'line',// bar 柱图 line 线图 pie 饼图
        data: [25, 40, 36, 10, 10, 20]
    }
      ]
   };

   // 使用刚指定的配置项和数据显示图表。
   myChart.setOption(option);

   //初始化图表二

   // 初始化echarts实例,准备好echarts的父容器
   var myChart2 = echarts.init(document.getElementById('c2'));

   // 指定图表的所需和数据 和 相关配置
   var option2 = {
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        left: 10,
        data: ['nike', '阿迪', '新百伦', '李宁', '阿迪王']
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    show: true,
                    textStyle: {
                        fontSize: '30',
                        fontWeight: 'bold'
                    }
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data: [
                {value: 335, name: 'nike'},
                {value: 310, name: '阿迪'},
                {value: 234, name: '新百伦'},
                {value: 135, name: '李宁'},
                {value: 1548, name: '阿迪王'}
            ]
        }
    ]
};


   // 使用刚指定的配置项和数据显示图表。
   myChart2.setOption(option2);

   

})